<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>便民服务平台3.0</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/darktooltip.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/style.css">
</head>

<body>
<nav class="navbar navbar-inverse" role="navigation">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">便民服务平台</a>
    </div>
	<div class="searchNav-box">
    	<div class="searchNav">
          <div class="so-form">
              <form>
                <span class="so-icon">
                    <i class="glyphicon glyphicon-search"></i>
                </span>
                <input name="search" type="text" value="" placeholder="关键字查找" class="search-input">
              </form>
          </div>
          <div class="so-tip" id="soTip">
          	   <dl>
               	   <dt>↙ 回车查看全部内容</dt>
                   <dd><a href="#">户口注销证明</a></dd>
                   <dd><a href="#">户口注销证明户口注销证明户口注销证明户口注销证明</a></dd>
                   <dd><a href="#">户口注销证明</a></dd>
                   <dd><a href="#">户口注销证明</a></dd>
                   <dd><a href="#">户口注销证明</a></dd>
               </dl>
          </div>
        </div>
	</div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">首页</a></li>
        <li><a href="#">办事服务</a></li>
        <li><a href="#">便民查询</a></li>
        <li><a href="#">警务公开</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <span class="dropdown-circle"></span>
              <span class="dropdown-circle"></span>
              <span class="dropdown-circle"></span>
          </a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">便民咨询</a></li>
            <li><a href="#">应用中心</a></li>
          </ul>
        </li>
      </ul>
      <div class="mulogin" style="display: none;">
          <a href="javascript:;" class="login-a">登录</a>
          <a href="#" class="muregbtn">注册</a>
      </div>
      <div class="loginUser-info">
          <a href="#" class="loginUser-name">13698745699</a>
          <a href="#" class="loginOut">退出</a>
      </div>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<div class="container-fluid banner-bg">
    <div id="carousel-generic" class="carousel slide" data-ride="carousel">
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
        	<div class="banner">
                <ul>
                    <li>
                        <img class="lazy" data-original="images/small01.jpg">
                        <p class="ellipsis">火车站广场武装巡逻</p>
                    </li>
                    <li>
                    	<img class="lazy" data-original="images/small02.jpg">
                        <p class="ellipsis">站前分局交巡警烈日下指挥交通</p>
                    </li>
                    <li>
                    	<img class="lazy" data-original="images/small03.jpg">
                        <p class="ellipsis">平安西安 夏季风暴</p>
                    </li>
                </ul>
            </div>
            <div class="c-modules">
                <a href="#" class="c-query wow slideInLeft" data-wow-duration=".4s" style="animation-name: bounceInLeft;">
                    <div class="c-query-bg">
                        <h3>办件查询</h3>
                    </div>
                </a>
                <div class="c-notice wow bounceInDown" data-wow-duration=".6s" style="animation-name: bounceInDown;">
                    <h4>通知公告</h4>
                    <div class="c-notice-box">
                    <ul>
                    	<li><a href="#">1安康医院新增8项功能为群众提供更加项功能为群众提供更加项功能为群众提供更加</a><span>2016-9-9</span></li>
                        <li><a href="#">2安康医院新增8群众能为群众提供更加项功能为群众提供更加项功能为群众提供更加</a><span>2016-9-9</span></li>
                        <li><a href="#">3安康医院新增8项功能为群众提供更加项功能为群众提供更加项功能为群众提供更加</a><span>2016-9-9</span></li>
                        <li><a href="#">4安康医增8项功能为供更加项功能为项功能为群众提供更加项功能为群众提供更加</a><span>2016-9-9</span></li>
                        <li><a href="#">5安康医院新增8项功能为群众提供更加项功能为群众提供更加项功能为群众提供更加</a><span>2016-9-9</span></li>
                        <li><a href="#">6安康医院新增8项功能为群众提供更加项功能为群众提供更加项功能为群众提供更加</a><span>2016-9-9</span></li>
                    </ul>
                    </div>
                </div>
                <a href="#" class="c-enforce wow slideInRight" data-wow-duration=".8s" style="animation-name: bounceInRight;">
                    <div class="c-enforce-bg">
                        <h3>执法公开</h3>
                    </div>
                </a>
                <a href="#" class="c-serve wow slideInLeft" data-wow-duration=".4s" style="animation-name: bounceInLeft;">
                    <div class="c-serve-bg">
                        <h3>服务导航</h3>
                    </div>
                </a>
                <div class="c-otherQuery wow bounceInUp" data-wow-duration=".6s" style="animation-name: bounceInUp;">
                    <dl>
                    	<dt><a href="#">身份证进度查询</a></dt>
                        <dd>ID PROGRESS QUERIES</dd>
                    </dl>
                    <dl>
                    	<dt><a href="#">重名查询</a></dt>
                        <dd>NUPTIAL QUERY</dd>
                    </dl>
                    <dl>
                    	<dt><a href="#">违法查询</a></dt>
                        <dd>ILLEGAL QUERY</dd>
                    </dl>
                    <dl>
                    	<dt><a href="#">EMS查询</a></dt>
                        <dd>EMS QUERY</dd>
                    </dl>
                </div>
                <a href="#" class="c-phone wow slideInRight" data-wow-duration=".8s" style="animation-name: bounceInRight;">
                    <div class="c-phone-bg">
                        <h3>服务热线12389</h3>
                    </div>
                </a>
                <div class="c-weather wow slideInLeft" data-wow-duration=".4s" style="animation-name: slideInLeft;">
                	<div class="c-weather-bg">
                        <h3>最近天气 5~31℃ 阴东风微风</h3>
                    </div>
                    <!--<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=8" width="225" height="80" style=" margin: 35px auto;" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>-->
                </div>
            </div>
        </div>

      </div>
    </div>
</div>

<div class="container-fluid">
	<div class="row">
    	<div class="col-sm-12 d-bg">
        	<div class="d-content packAlign">
            	<div class="row">
                	<div class="col-xs-4">
                    	<a href="#" class="ido wow bounceInLeft animated"><h2>我要办</h2></a>
                    </div>
                    <div class="col-xs-4">
                    	<a href="#" class="isearch wow bounceInDown animated"><h2>我要查</h2></a>
                    </div>
                    <div class="col-xs-4">
                    	<a href="#" class="iask wow bounceInRight animated"><h2>我要问</h2></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="index-main">

    <div class="publicity-box">
        <div class="pb-img"><div class="pb-img-inner wow bounceInUp animated"></div></div>
        <table class="table">
          <colgroup>
            <col width="50%">
            <col width="30%">
            <col width="20%">
          </colgroup>
          <thead>
          <tr>
            <th>申报事项</th>
            <th>受理时间</th>
            <th>办理状态</th>
          </tr>
          </thead>
          <tr>
            <td><a href="#" class="multiRow">批准书换证初审（《安全技术防范产品规范》）批准书换证初审批准书换证初审</a></td>
            <td>2016-01-06 12:32</td>
            <td>已接件</td>
          </tr>
          <tr>
            <td><a href="#" class="multiRow">批准书换证初审（《安全技术防范产品规范》）批准书换证初审批准书换证初审</a></td>
            <td>2016-01-06 12:32</td>
            <td>已接件</td>
          </tr>
          <tr>
            <td><a href="#" class="multiRow">批准书换证初审（《安全技术防范产品规范》）批准书换证初审批准书换证初审</a></td>
            <td>2016-01-06 12:32</td>
            <td>已接件</td>
          </tr>
          <tr>
            <td><a href="#" class="multiRow">批准书换证初审（《安全技术防范产品规范》）批准书换证初审批准书换证初审</a></td>
            <td>2016-01-06 12:32</td>
            <td>已接件</td>
          </tr>
          <tr>
            <td><a href="#" class="multiRow">批准书换证初审（《安全技术防范产品规范》）批准书换证初审批准书换证初审</a></td>
            <td>2016-01-06 12:32</td>
            <td>已接件</td>
          </tr>
          <tr>
            <td><a href="#" class="multiRow">批准书换证初审（《安全技术防范产品规范》）批准书换证初审批准书换证初审</a></td>
            <td>2016-01-06 12:32</td>
            <td>已接件</td>
          </tr>
        </table>

    </div>

    <ul class="user-statistics">
        <li><h3 id="user-s1">956</h3><p>在线人数</p></li>
        <li><h3 id="user-s2">541426</h3><p>在线人数</p></li>
        <li><h3 id="user-s3">5487045</h3><p>注册用户量</p></li>
        <li><h3 id="user-s4">54870458</h3><p>总访问量</p></li>
    </ul>

</div>
<div class="foot-wrap">
    <div class="container">
        <div class="row">
            <div class="col-md-4 foot-left">
                <div class="foot-logo"></div>
                <div class="foot-phone">
                    <i></i>
                    <p>服务热线</p>
                    <h2>400-666-4898</h2>
                </div>
            </div>
            <div class="col-md-8 foot-right">
                <div class="foot-link">
                    <a href="#">帮助中心</a>
                    <a href="#">开发中心</a>
                    <a href="#">移动互联</a>
                    <a href="#">关于我们</a>
                    <a href="#">联系我们</a>
                </div>
                <div class="foot-ewm">
                    <ul>
                        <li>
                            <p>便民服务平台<span>V3.0</span></p>
                            <p>Android版本</p>
                            <img src="images/ewm.png">
                        </li>
                        <li>
                            <p>便民服务平台<span>V3.0</span></p>
                            <p>IOS版本</p>
                            <img src="images/ewm.png">
                        </li>
                        <li>
                            <p>便民服务公众号</p>
                            <p>微信扫一扫</p>
                            <img src="images/ewm.png">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12 foot-copyRight">
                <p>Copyright©2011-2014版权所有 江苏欧索软件有限公司 苏ICP备10023489-1号</p>
            </div>
        </div>
    </div>

</div>


<script src="js/require.js" data-main="js/main" id="current-page" current-page ="index"></script>

<script>
//子页面调用父页面方法，示例
function loginMess(){
	/*require(['jquery','popup'],function($,popup){
		var loginMessPopup = new popup();
		loginMessPopup.popup_alert({
			width: 300,
			height: 120,
			content:"此方法被子页面点击调用！",//弹出内容
			hasMask:true,
			hasConfirmBtn:false,
			hasCloseBtn:true,//是的出现右上角的关闭按钮，默认不出
		});	
	})*/
	$(".popup").remove();
}

</script>
</body>
</html>
